html,
body {
	margin:0;
	padding:0;
	height:100%; 
}
html>body #wrap {height:100%;}
#header {
	width:100%;
	height:5em;
}
html>body #header {
	position:fixed;
	z-index:10; 
}
html>body #content-wrap {height:100%;} 
html>body #content {padding:6em 1em;} 
#footer {
	width:100%;
	height:5em;
}
html>body #footer {
	position:fixed;
	bottom:0;
	z-index:10; 
}


html,
body {
	color:#333;
	background:#fff url('bg.gif') fixed;
}
body {font:76%/1.5 "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;}
h1,
h2 {
	margin:0.25em 0;
	font:normal 1.5em/1.1 "Century Gothic","Trebuchet MS",Helvetica,Arial,Geneva,sans-serif;
	text-align:center;
	letter-spacing:1px;
}
p {margin:1em 0;}
.info {
	position:relative;
	width:40em;
	margin:0 auto;
	padding:0.5em;
	border:2px solid #999;
	background:#fff;
}
a:link,
a:visited {
	border-bottom:1px dotted;
	color:#AE4F0C;
	font-weight:bold;
	text-decoration:none;
}
a:focus,
a:hover {
	border-bottom-style:solid;
	color:#D03900;
}
#header,
#footer {
	color:#111;
	background:#ddd;
	text-align:center;
}
#content-wrap,
#content {background:#f8f8f3 url('demo.gif');}
#footer a {color:#111;}